/**
 * 搜索并滚动到相应内容的函数。
 * 根据用户输入跳转到指定链接或滚动到页面内特定元素。
 */
function searchAndScroll() {
    var input = document.querySelector('.fl input[type="text"]').value.trim().toLowerCase();
	// 定义了一个目标对象 targets，其中包含了多个关键词及其对应的页面链接或锚点。
    var targets = {
        "敦煌文化": "index.html#about-dunhuang", // 修改为跳转到 index.html 并定位到 h3 标签
        "主要遗迹": "main-sites",
        "文化遗产": "cultural-heritage",
        "历史沿革": "historical-development",
        "展览": "exhibition.html#exhibition-heading", // 添加展览的跳转链接和锚点
        "洞窟": "dongku.html#classic-caves", // 添加洞窟的跳转链接和锚点
        "壁画": "bihua.html#classic-bihua" // 添加壁画的跳转链接和锚点
    };
 
    if (targets[input]) {
        // 如果输入的是“展览”、“洞窟”或“壁画”，则跳转到相应的页面
        if (input === "展览" || input === "洞窟" || input === "壁画" || input === "敦煌文化") {
            window.location.href = targets[input];
        } else {
            // 否则，滚动到页面内的相关标签
            var targetElement = document.getElementById(targets[input]);
            // 检查目标元素是否存在
            if (targetElement) {
                // 平滑滚动到目标元素
                targetElement.scrollIntoView({ behavior: 'smooth' });
            } else {
                // 如果未找到相关内容，弹出提示
                alert("未找到相关内容");
            }
        }
    } else {
        alert("请输入有效的搜索关键词");
    }
}
